export const metadata = {
  title: 'Dot Particles',
  description:
    'An interactive React component that adds a dynamic bubble effect, visually tracking cursor movement in real time.',
};

<ComponentCodePreview name='dot-particles' type="separate" />

## Props

| Prop             | Type       | Default         | Description                                                  |
| ---------------- | ---------- | ----------------| ------------------------------------------------------------ |
| `backgroundColor`| `string`   | `'#F5F3F0'`      | Background color of the canvas.                              |
| `particleColor`  | `string`   | `'100, 100, 100'`| RGB color value for the particles.                           |
| `animationSpeed` | `number`   | `0.006`          | Speed of the particle movement animation.                    |
